<template>
    <div class="mui-numbox" data-numbox-min='1' :data-numbox-max='10' style="height:25px;">
        <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
        <input id="test" class="mui-input-numbox" type="number"
        :value="initcount" @change="countChanged" readonly ref="numbox1" />
        <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
    </div>
</template>
<script>
import mui from '../../lib/mui/js/mui.min';

export default {
  mounted() {
    mui('.mui-numbox').numbox();
  },
  methods: {
    countChanged() {
      // console.log(this.goodsid, this.$refs.numbox1.value);
      this.$store.commit('updateGoodsInfo', { id: this.goodsid, count: this.$refs.numbox1.value });
    },
  },
  props: ['initcount', 'goodsid'],
};
</script>
<style lang="scss" scoped>

</style>

